/* Reset Styles: http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}
body { font-family: Verdana, sans-serif;line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {	outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
.cleaner {clear:both; visibility:hidden; font-size:0; height:0; display:block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*Example presentation*/
body{}
h1{margin:10px 0;}
h2{margin:10px 0;}
p{margin-bottom: 10px; font-size:13px;}
ul li{font-size:12px;padding-bottom:5px;}
.main-wrap{margin:2px 20px;}

.code{-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;white-space: pre;font-size:12px;padding:5px;}
.code-html{background-color:#F5F5F5;}
.code-js{background-color:#D1D3EF; line-height: 14px;}
.code-css{background-color:#95EFA1; line-height: 14px;}


/* jConsole */
.jconsole{background-color:#5F2950;color:#fff;font-family: courier;margin: 2px 20px;}
.jconsole .cmdout{background:#5F2950 url('../img/jconsole.png') no-repeat top right;font-family: courier;height:300px; overflow:auto;padding:0 0 0 5px; width:100%;}
.jconsole .cmdin{background-color:#9F638E;border:0 none;color:#fff;font-family: courier;margin:0;padding:0 0 0 5px;width:100%;}
